<style>

    .scheme-back{
        position: absolute;
        top:0;
        left: 5px;
        width: 50px;
        height:40px;
        background: url('img/allin/add_back.png') center/8px 14px no-repeat;
    }
    .bar.bar-stable{
        background-color: #0076c9;
        border-color: #0076c9;
        height: 47px;
    }
    .bar.bar-stable .title{
        color: #ffffff;
    }
    .scheme{
        background-color: #f0f0f0
    }
    .scheme-header{
        height: 180px;
        text-align: center;
        background: url("img/allin/fangantop.png");
        background-size: 100% 100%;

    }
    .scheme-head{
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 18px;

    }
    .platform-ios.platform-cordova:not(.fullscreen) .scheme-head{
        margin-top: 20px;
    }
    .scheme .list{
        margin-bottom: 0;;
    }
    .scheme .item{
        border-color: #f2f2f2;;
    }

    .scheme-header>p:nth-child(1){
        color: #ffffff;
    }
    .scheme-header>p:nth-child(2){
        color: #fff000;
        font-size: 24px;
    }
    .scheme-top-2{
        color: #ffcd03;
        font-size: 16px;
        margin-top: 15px;
        margin-left: 30px;
    }
    .scheme-top-2 i{
        font-size: 18px;
    }
    .scheme-top-2>p:nth-child(2){
        font-size: 36px;
    }
    .scheme-info{
        font-size: 14px;
        color: #999999;
        padding: 6px 10px;
    }
    .scheme-info span{
        color: #f02828;
    }

    .scheme-btn{
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 49px;
        line-height: 49px;
        text-align: center;
        background-color: #005dae;
    }
    .scheme-order{
        display: block;
        width: 100%;
        height: 49px;
        line-height: 49px;
        background-color: #f93841;
        color: #ffffff;
        font-size: 18px;
        border: none;
    }
    .scheme-item{
        color: #363636;;
    }
    .scheme-item>img{

        vertical-align: sub;
    }
    .scheme-item>span{
        margin-left: 20px;
        color: #666666;
    }
</style>
<ion-view view-title="投资方案" hide-nav-bar="true">
    <ion-content class="has-tabs scheme" >
        <div class="scheme-header">
            <div class="scheme-head" >
                <div  class="scheme-back" ng-click="$ionicGoBack()" style=""></div>
                投资方案
            </div>
            <div class="row mt20">
                <div style="margin-left: 10%">
                    <img ng-src="img/allin/sch{{data.bean.stall}}.png" width="77px" height="75px">
                </div>
                <div class="scheme-top-2">
                    <p class="text-left">预期年化收益</p>
                    <p>{{data.bean.minRevenue}}<i>%</i> <span>~</span> {{data.bean.maxRevenue}}<i>%</i></p>
                </div>
            </div>
        </div>
        <div ng-if="data.gsList.length>0" class="list mt10" >
            <div class="item scheme-item">
                <img src="img/allin/guding.jpg"  width="44px" height="18px"/>
                固定收益<span>占比{{data.bean.gsRatio}}%</span>
            </div>
            <div ng-click="toView(item.fpProductType,item.fpProductId)" class="row bg-fff scheme-info" ng-repeat="item in data.gsList">
                <div class="col">{{item.productName}}</div>
                <div class="col" style="padding-left: 5%">预期年化收益：<span>{{item.pAnnualRevenueExpect}}%</span></div>
            </div>
        </div>
        <div ng-if="data.qyList.length>0" class="list mt10" >
            <div class="item scheme-item" >
                <img src="img/allin/fudong.jpg"  width="44px" height="18px"/>
                权益收益<span>占比{{data.bean.qyRatio}}%</span>
            </div>
            <div ng-click="toView(item.fpProductType,item.fpProductId)" class="row bg-fff scheme-info" ng-repeat="item in data.qyList">
                <div class="col">{{item.productName}}</div>
                <div class="col" style="padding-left: 5%">预期年化收益：<span>{{item.pAnnualRevenueExpect}}%</span></div>
            </div>

        </div>
        <div ng-if="data.otherList.length>0" class="list mt10" >
            <div class="item scheme-item">
                <img src="img/allin/qita.png"  width="44px" height="18px"/>
                其他类型<span>占比{{data.bean.otherRatio}}%</span>
            </div>
            <div ng-click="toView(item.fpProductType,item.fpProductId)" class="row bg-fff scheme-info" ng-repeat="item in data.otherList">
                <div class="col">{{item.productName}}</div>
                <div class="col" style="padding-left: 5%">预期年化收益：<span>{{item.pAnnualRevenueExpect}}%</span></div>
            </div>

        </div>
    </ion-content>
    <div class="scheme-btn">
        <a ng-click="bodaPhone()" class="text-center scheme-order">一 键 咨 询</a>
    </div>
</ion-view>